Hace poco redondeábamos las esquinas de una imagen añadiendo un script de la librería Glossy.js
Lo de hoy se trata de añadir un efecto enrollamiento. Para hacerlo descargaremos la librería Curl.js
El archivo descargado es en formato zip deberemos extraer Curl.js y alojarlo en nuestro servidor.
Luego nos dirigimos a Plantilla/Edición HTML donde añadiremos justo antes </head>de lo siguiente:

<script type="text/javascript" src="aquí-url-de-tu-archivo-curl.js"></script>

Guardamos los cambios y cada vez que deseemos crear el efecto enrollamiento agregaremos:
<img class="curl" src="url-de-tu-imagen.jpg"/>

Resultado:


Podemos variar el efecto con los siguientes parámetros:



<img class="curl isize50" src="url-imagen.jpg"/>

isize
:Nos permite variar el tamaño del efecto, en caso de querer hacerlo agregamos el parámetro isize seguido por el tamaño deseado.



<img class="curl icolor996699" src="url-imagen.jpg"/>

icolor:Conseguimos cambiar el color del enrollamiento que acompaña a la imagen. Lo haremos agregando icolor seguido del color expresado en hexadecimal: mínimo=000000 máximo=ffffff.




<img class="curl ishadow60" src="url-imagen.jpg"/>

ishadow:Podemos variar la opacidad de la sombra y lo haremos agregando ishadow seguido por la opacidad: mínimo=0 máximo=100.

También podemos combinar todos los parámetros de esta forma:



<img class="curl icolor996699 ishadow60 isize50" src="ur-imagen.jpg"/>


Curl.js funciona con todos los navegadores mientras que en IE no se apreciará ningún efecto.

Fuente: Xyberneticos

Anónimo

:D Gema:
Como puedo cambiar de color en la parte donde dice:
Publicado por, la fecha, comentaros, vinculos etc.
Quisiera que tenga un color difente.
Como puedo mejorar esa parte?

Responder
Gem@

Hola Fernando te asombrarás de lo sencillo que es hacerlo.
Mira aquí. ;)

Responder
n€n∂ h€rMø§∂

Hola Gem@, gracias por la ayuda!

Ya el problema está solucionado, pero lo que fue bien raro es que antes de que te enviara el correo pidiéndote ayuda, esa opción no me aparecía, cuando vi tu respuesta corrí directamente a la opción de editar cabecera y apareció, pareciera que mi blog hubiera dicho: "ya basta de hacerla sufrir, vamos a dejar que aparezca lo que quiere", jejeje...

Besos nena, miraré por aquí un rato y ver que más le puedo poner o hacer a mi blog...

Nos estamos leyendo!

Responder
Anónimo

:D Lo que yo quiero cambiar es el color de fondo de los elementos que te mencione.
Ya intente con eso que mencionas pero le he aplastado en todos los botones y no cambia de color de fondo.
Por ejemplo donde dice:
Lo dijo Gema, Fecha, Etiquetas lo tienes de color Azul suave o gris, o morado no se que colo sera.
Como le hago para tener un fondo negro o amarillo solo por decir un ejemplo?

Responder
Anónimo

Hola Maestra, solo queria que me indicaras una cosita, por fi..¿ Como puedo hacer para copiar en pequeñito la portada de cualquier pagina ? sera una tonteria pero no veo por ningun sitio como hacerlo.Y tambien como meter archivos en algun apartado del Blog, es decir,por ejemplo una pagina de World. Le quedaria muy agradecido. Besitos.

Responder
Doktor Gnómegang

Hola Gema,Saludos. Pues me doy... llevo horas luchando con codigos de iFrames para colocar alli los codigos html de unos banner-links que he creado para compartir, a ver si me hechas una mano plis. Tambien me pasa algo con tu correo, pues ya he enviado dos veces una informacion y parece que no te llega o se va a spam. Yo uso el que tienes en tu sidebar de gmail. ¿que podra ser?

Abrazos

Responder
Gem@

Hola Fernando, no he podido ver tu página y no sé qué plantilla estás usando, pero debes buscar en ella algo así como.. .post-footer {
Dentro de ese código agrega lo siguiente:
background:#E9E9E9;
(Lo que está en negrita debes cambiarlo por el color que deseas)
Aquí encontrarás varias tablas de colores.

Saludos BUKOWSKI creo que te refieres a tomar capturas de página . ¿Algo así?
Hay varios programas para hacerlo hay uno que se llama Gadwin Printscreen y es gratuito, puedes descargarlo desde aquí.
(Es un archivo exe)
Lo de añadir archivos hace falta tener un servidor donde alojarlos, yo uso Google Pages (también gratuito) puedes ver algo sobre eso aquí.
La forma de agregar un archivo en el blog y que este se abra al clicar en él es la siguiente:
Alojas el archivo en el servidor, y copias la url del archivo lo puedes hacer poniendo el ratón sobre el archivo/botón derecho/propiedades de archivo/dirección url del archivo. (en ese orden)
Luego en el blog haces el enlace, bien por medio de una imagen o un texto, marcas de color azul para enlazar y cuando pide la ur del enlace pegas la url del archivo que alojaste en el servidor.
Parece muy problemático pero es sencillo, con un par de veces que lo hagas me darás la razón.
Suerte ;)

Dr. Gnomegang pensaba que los problemas quedaron atrás me refiero los de mi correo, miraré bien en la carpeta spam por si estuvieran ahí , lo sientoooo :(

Responder
Sib

Hola Gema, como ya sabes de mis despistes ahí va una pregunta que seguro ya me la resolviste en su momento pero...
En el blog de mi hijo quieren en el perfil que aparezca el "sigue leyendo"....¿como lo hacemos?
seguro que me das como siempre la solución
Besitos.

Responder
Anónimo

;) Gema ya pude cambiarle el color!!!.
Poco a poco me estoy familiarizando con el HTML ya que se me hace muy dificil y tedioso.
Poco a poco estoy aprendiendo.
Aqui te dejo el link de mi blog para que veas como me esta quedando.
BlogDFernando.
Es una pena que tenga tan abondonado mi sitio, ya que no tengo ni idea de que escribir, me da flojera o que se yo. Checa mi sitio y me dices que opinas

Responder
Anónimo

Una cosa mas la plantilla la baje de Aqui y la plantilla que escogi es esta
Saludos

Responder
Gem@

Dr. Gnomegang he mirado en la bandeja de entrada y nada, me temo que si se fue a spam lo eliminara pensando que era correo malicioso :(
envíame de nuevo tu consulta estaré pendiente de la llegada ;)

SIB normalmente el perfil es un enlace, que lleva a la página de Blogger donde agregamos todo aquello para que nos conozcan un poco más.
No estoy muy segura de entender lo que me dices, pero vamos... me hago una pequeña idea, para ver si estoy en lo cierto mira en mi sidebar, hay un botón que dice... "Bienvenidos" clica encima y dime si ese es el efecto al que te refieres.
Si fuera así ya sabes, mándame la foto del chico y lo que te gustaría agregar a modo de perfil, si te gustaría con algún color de fondo, una imagen ect...
Si es otra cosa dime donde lo viste para hacerme una idea ;)

Genial Fernando :) está quedan genial.
Si te da flojera escribir pues no escribas, no lo tomes como una obligación las cosas impuestas no son divertidas ;)
Gracias por los enlaces de las plantillas, precisamente tengo una entrada en borrador con esa página me falta hacer unas capturas.
Te lo agradezco mucho, sigue así :)

Responder
Gem@

n€n∂ h€rMø§∂ deben ser los duendes de Blogger ;)

Responder
Anónimo

Hola Gem@ tu blog como siempre dando unas ideas tan buenas, esta me la llevo también con tu permiso, bueno la verdad que ya la he aplicado, jejeje, ahora quiero poner la de movimiento al pasar el mouse por encima, voy a ver que tal.

Un beso enorme y sigue así, lo tuyo es un gran trabajo Gem@.

Muchos besos desde Barcelona

Responder
Gem@

Sir Refusenik me alegra mucho saber que estás, ya he visto el efecto en tu fotografía está chulísima.
Ya veo que te ha dado otra vez por los cambios y me alegro eso es señal de evolucionar.
No tardes en regresar ;)

Responder
Unknown

Hola Gema, de nuevo reclamo tu atencion. Me gustaria saber como haces las cajitas de texto (donde introduces los codigos) me gustaria aprender hacerlo. MaLiNa

Responder
Gem@

Hola Malina dime en concreto a que cajitas te refieres.

Responder
Unknown

Aqui ahora concretamente me refiero a las que tienes en este mismo post donde escribes el codigo html que hay que poner para hacer el efecto en las imagenes, hay aparecen unas cajitas de texto grises. Me gustaria saber como se hacen cajitas de texto asi, o con otras formas,o colores.

Responder
Gem@

Aquí tienes la explicación Malina ;)
!SUERTE¡

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top